<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>固定导航条</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			#nav,#top,#main{
				width: 1000px;
			}
		</style>
	</head>
	<body>
		<div id="top">
			<img src="img/a.png" >
		</div>
		<!-- <div style="height: 200px;"></div> -->
		<div id="nav">
			<img src="img/b.png" >
		</div>
		
		<div id="main">
			<div style="height: 550px;background-color: #0077AA;"></div>
			<img src="img/c.png" >
			<img src="img/d.png" >
		</div>
		
		
		
		<script src="js/固定导航条.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
